<template>
	<view class="tab-container bg-white margin-top">
		<view class="cu-list menu">
			<view class="cu-item arrow" v-if="rooms.length > 0" v-for="(item, key) in rooms" :key="key" :data-item="item"
				@click="myHouseDetail(item)">
				<view class="content padding-tb-sm">
					<view class="text-gray text-sm">
						<text class="cuIcon-right margin-right-xs">姓名</text> {{item.householderName}}
					</view>
					<view class="text-gray text-sm">
						<text class="cuIcon-right margin-right-xs">房屋编号</text> {{item.houseNum}}
					</view>
					<view class="text-gray text-sm">
						<text class="cuIcon-right margin-right-xs">房屋面积</text> {{item.houseArea}}
					</view>
					<view class="text-gray text-sm">
						<text class="cuIcon-right margin-right-xs">剩余</text> {{item.pointInfo}} 积分
					</view>
				</view>
			</view>

			<view class="cu-item" v-if="rooms.length === 0">
				<view class="content">
					<text class="cuIcon-warn text-green"></text>
					<text class="text-grey">暂无房屋信息</text>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	import context from '../../lib/java110/Java110Context.js';
	export default {
		data() {
			return {
				rooms: "",
				owners:""
			};
		},
		onLoad(options) {
			this.owners = context.getUserInfo();
			this.rooms = this.owners[0].pointsQuery
			console.log("业主积分信息",this.rooms)
		},
		methods:{
			
		},
	}
</script>

<style scoped lang="scss">
	@import "@/pages/my/myHouse.css";
	.margin-top{
		margin-top: 0rpx;
	}

	.cu-list {
		width: 100%;
		overflow: auto;
		background-color: white;
		height: calc(100vh - 120rpx);

		.cu-item {
			background-color: #F5F5F5;
			margin: 20rpx 20rpx;
			border-radius: 30rpx;
		}
	}
</style>
